<!DOCTYPE html>
<html>
	<head>
		{% extends 'base.html' %}
		
		{% block body %}
		<meta charset="utf-8">
		<title>查询结果</title>
<style>
body {
	    background-image: linear-gradient(to bottom right, #fbc2eb, #a6c1ee);
	    text-align: center;
		width: 650px;
		height:5000px;
	        }
			

.div1{
	width: 800px;
	margin: 0px 0px 0px 430px;
	padding: 30px 0px 45px 0px;
	font-family: "微软雅黑";
	font-size: 20px;

	        }
.td1 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: "微软雅黑";
	font-size: 25px;
}
.td2 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: "微软雅黑";
	font-size: 15px;
}
p {	
	
	margin: 0px 0px 0px 0px;
	padding: 50px 0px 0px 0px;
	font-family: "微软雅黑";
	font-size: 20px;
	
}
</style>
	</head>
	<body>

<div>
	<table>
        <tr><td class="td1">起点:</td><td>{{ the_start_address }}</td></tr>
        <tr><td class="td1">终点:</td><td class="td2">{{ the_end_address }}</td></tr>
    </table>
    <p>本次步行行程距离为{{ the_total_walk }}米，预计耗费约{{ the_total_walk_time }}分钟，具体路径如下：</p>
    <div class="div1">
    {{ the_html_table|safe }}
    </div>
</div>

{% endblock %}
	</body>
</html>
